#{extends 'main.html' /}
#{set title:'Ajouter une série' /}

<div id="create_collection_form">
	#{form @collectionmngt.addCollection(), method:'POST', id:'createCollectionForm', enctype: 'multipart/form-data'}
	
		#{ifErrors}
		  <div class="error">
		   <p><strong>Oops…</strong> Veuillez corriger les erreurs indiquées avant d'essayer à nouveau.</p>
		  </div>
		#{/ifErrors}
		
		#{field 'collection.title'}
		<p>
		  <label>Titre : </label>
		  <input type="text" id="${field.id}" name="${field.name}" value="${flash[field.name]}" class="${field.errorClass}" />
		</p>
		#{/}
		
		<div class="btn-container">
			<input class="btn ok ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="submit" value="Ajouter" />
			<button class="btn cancel ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">Annuler</button>
		</div>
	#{/form}
	
	<script language="javascript" type="text/javascript">
		$('.btn-container .btn.cancel').click(function() {
			console.log("TODO");
			return false;
		});
	</script>
</div>